<template>
  <el-container>
    <el-footer>
      <el-row>
        <el-col
          :lg="8"
          :xs="24"
          style="display: flex; flex-direction: row; align-items: center"
        >
          <div><img src="/images/logo.png" style="width: 100px" /></div>
          <div style="padding-left: 8px">
            <h2>技术社区</h2>
            <p>致力于构建一个专业的IT技术交流社区</p>
          </div>
        </el-col>
        <el-col :lg="8" :xs="24">
          <div>
            <el-link type="primary">首页</el-link>
            <el-link type="primary">文章</el-link>
            <el-link type="primary">课程</el-link>
            <el-link type="primary">商城</el-link>
          </div>
          <div>
            <el-link type="primary">关于我们</el-link>
            <el-link type="primary">使用手册</el-link>
            <el-link type="primary">隐私条款</el-link>
            <el-link type="primary">建议反馈</el-link>
          </div>
        </el-col>
        <el-col :lg="8"
          :xs="24"
          style="display: flex; flex-direction: row; align-items: center">
          <h2>联系我们</h2>
          <p>电话：123</p>
          <p>邮箱：123@qq.com</p>
        </el-col>
      </el-row>
      <div
        style="
          background-color: #a0cfff;
          text-align: center;
          height: 60px;
          line-height: 60px;
        "
      >
        软件开发工作室版权所有
      </div>
    </el-footer>
  </el-container>
</template>
